<template>
  <div class="wai">
    <nav class="toback">
       <router-link to="/consumption">
         <Icon type="chevron-left" class="toleft" />
       </router-link>
       <p class="search"></p>
       <p>规则说明</p>
    </nav>
    <img :src="imgUrl"/>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  name: 'Home',
  data () {
    return {
      imgUrl:''
    }
  },
  created () {
    axios.post('/web/api/manager/imgsUrlList').then(this.getListInfoSucc)
  },
  methods: {
    getListInfoSucc (res) {
      console.log("图片链接列表",res)
      this.imgUrl = res.data.date[0].url
    },
  }
}
</script>
<style lang="stylus" scoped>
.toback {
    width: 100%;
    font-size: 1.8rem;
    line-height: 2.6;
    background #358ff0
    p {
      text-align: center;
      color: #ffffff;
    }
    .toleft{
      float: left;
      font-size: 2.2rem;
      color: #ffffff;
      padding: 1rem 2rem;
    }
    .search{
        width 5rem
        color #ffffff
        height 2.2rem
        line-height: 2.6;
        float right
        font-size: 1.8rem
    }
}
.wai
  width 100%
  img
    width 100%

</style>

